@CHARSET "UTF-8";
body {
    background-color: #2c3e50 !important;
    color: #344644 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
    padding: 0 !important;
}
#header-navbar{
	 background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#logo{
	float:left;
	  padding:6px 86px 0 9px;
}
#header1 .fa-bars{
	  color: #ffffff;
    font-size: 28px;
}
.dropdown-menu > li > a{
	padding: 3px 11px !important;
}
.action ul{
	min-width:120px;
}
.shows{
	 color: #c242f4;
    float: left;
    font-weight: bold;
    margin: 28px 0 0 12px;
}
.hispro span {
    cursor: pointer;
    margin-left: 2px;
    display: inline-block;
     border: 4px solid #ffffff;
}
.hispro span:hover {
     border: 4px solid #54adf3;
}
.img_pro_sub_active{
     border: 4px solid #54adf3 !important;
}
.activep{
	margin-top:24px
}
.activep1{
	margin-top:38px
}
.remove_file{
	color: red;
    cursor: pointer;
    font-size: 24px;
    left: -74px;
    position: absolute;
    top: 32px;
}
.arrfileupload,.file_uploads {
    position: relative;
}
.add_file {
    color: #3071a9;
    cursor: pointer;
    font-size: 24px;
    left: -43px;
    position: absolute;
    top: 19px;
}
.dl-horizontal dd {
    margin-bottom: 14px;
}
.menus .active{
	background-color: #1a1d22 !important;
    border-left: 5px solid #3498db !important;
}
.slidepro .active{
	background-color: none !important;
    border-left: none !important;
}
.carousel-indicators li{
	 border: medium none !important;
}
.deleteimgpro{
	 color: red;
    font-size: 24px;
    left: 40px;
    cursor: pointer;
    position: absolute;
    top: -5px;
}
.li-indicators li{
	 border-radius: 0 !important;
    float: left;
    position: relative;
    border: 5px solid #ffffff !important;
    height: 71px !important;
    list-style: outside none none;
    text-indent: 0 !important;
    width: 72px !important;
     cursor: default !important;
     margin-left: 8px !important;
}
.li-indicators .active{
	border:5px solid #54ADF3  !important
}
.li-indicators {
     display: block;
    left: 18em !important;
    margin-top: 9px;
    overflow: hidden;
    padding: 0;
    position: relative !important;
    top: 2px;
     width: 100% !important;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	height:300px !important
}
.product-error ul li{
	list-style: outside none none;
}
.product-error ul{
	 margin-bottom: 0;
    padding-left: 0;
    padding-top: 8px;
}
.username{
	text-transform: capitalize;
}
#profile button{
	padding:0
}
#header2 ul{
	   margin-bottom: 0 !important;
}
.container{
	width:100% !important;
	padding:0 5px !important
}
#logo img{
	height: 30px;
}
.submenu{
	padding-left:0
}
.submenu li{
	
}
.ok{
	position: fixed;
    top: 20px;
}
#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{border:1px solid #ffa789;background:#ff6734;}
.submenu li a{
	display: inline-block;
    padding: 12px 68px;
    width: 100%;
}
.submenu li a:hover{
	 background-color: #1a1d22 !important;
}
.submenu li a{
	 color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.breadcrumb > li {
    color: #262626;
    margin-left: 8px;
}
.breadcrumb > .active {
    color: #262626;
    font-weight: 600;
    text-transform: none;
}
.breadcrumb > li a {
    color: #2E8BC9;
}
.breadcrumb > li + li:before {
    color: #262626 !important;
    content: "" !important;
    font-family: FontAwesome;
}
.breadcrumb > li span {
    padding-left: 8px;
}
.breadcrumb{
	margin-bottom:0 !important;
}

.main-box {
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 #cccccc;
    margin-bottom: 16px;
    padding: 20px;
    color: #ffffff;
    overflow: hidden;
}
.main-box > i{
	  font-size: 53px;
	   float: left;
}
.main-box.facebook{
	 background: none repeat scroll 0 0 #3b5998;
}
.main-box.facebook:hover{
	  background-color: #2f477b;
}
.main-box.google{
	 background: none repeat scroll 0 0 #dd4b39;
}
.main-box.google:hover{
	background-color: #c43a2a;
}
.main-box.twitter{
	 background: none repeat scroll 0 0 #55acee;
}
.main-box.twitter:hover{
	 background-color: #4091ce;
}
.main-box.pinterest{
	background: none repeat scroll 0 0 #D12931;
}
.main-box.chrome{
	  background: none repeat scroll 0 0 #99CC65;
}
.main-box.firefox{
	  background: none repeat scroll 0 0 #F58D00;
}
.count{
	 background: none repeat scroll 0 0 #e74c3c;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 9px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -5px;
    width: 14px;
}
.widget-users li{
	list-style: outside none none;
	  background-color: #ffffff;
}
.widget{
	 background-color: #ffffff;
	   padding-bottom: 9px;
	}
.widget-users{
	padding: 0 10px !important;
}
.small-graph-box .value {
    display: block;
    font-size: 1.9em;
    font-weight: 600;
    margin-top: -5px;
}
.small-graph-box .headline {
    display: block;
    font-size: 0.875em;
    font-weight: 400;
    margin-top: -5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.small-graph-box .progress {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    height: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.small-graph-box .progress .progress-bar {
    background-color: #ffffff;
}
.small-graph-box .subinfo {
    display: block;
    font-size: 0.8em;
    padding-top: 5px;
}
div.small-graph-box {
    color: #ffffff;
    padding: 20px !important;
}
.emerald-bg {
    background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.row {
   margin-left: -8px !important;
    margin-right: -8px !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
div.img{
	border-radius: 50%;
    float: left;
    height: 50px;
    overflow: hidden;
    width: 50px;
}
div.img img{
	
}
.widget-users li > .details > .time.online {
    color: #2ecc71;
}
.widget-users li > .details > .name {
    font-size: 0.875em;
    font-weight: bold;
}
.widget-users li {
    border-bottom: 1px solid #ebebeb;
    height: 96px;
    padding: 15px 0;
}
.widget-users li > .details > .name > a {
    color: #344644;
}
.widget-users li > .details > .time {
    color: #3498db;
    font-size: 0.75em;
    padding-bottom: 7px;
}
.details{
	 float: left;
    margin-left: 14px;
}
.main-box.ie{
	  background: none repeat scroll 0 0 #39BBEA;
}
.main-box.Safari{
	  background: none repeat scroll 0 0 #CFCFCF;
}
.Safari img{
	float: left;
}
.main-box.pinterest:hover{
	background-color:#9F000A;
}
.headline{
    font-size: 32px;
    font-weight: 500;
}
.value{
	clear: both;
    display: block;
    font-size: 14px;
}
.clearfix1{
	  overflow: hidden;
    text-align: right;
}
.menusa:hover, .menusa:focus{
	border-left: 5px solid #3498db;
	background-color: #1a1d22 !important;
}
.nav > li > a:focus, .nav > li > ul > li > a:focus{
	border-left: 5px solid #2C3E50;
	background-color: #2C3E50 !important;
}
#hides{
	display:none
}
.menus{
	 border-bottom: 1px solid #1a2022;
    border-top: 1px solid #545252;
    margin-top: 0 !important;
    position: relative !important;
}
.menus i{
	 color: #fff;
    float: right;
    font-size: 19px;
    left: 23px;
    position: absolute;
    top: 10px;
}
.menusa{
	border-left: 5px solid #2c3e50;
	cursor: pointer;
}
.navbar-collapse ul li.active a{
  	background-color: #1a1d22 !important;
    border-radius: 0;
}
.navbar-collapse ul li a{
     display: inline-block;
     padding-bottom: 11px;
    padding-left: 11px;
    padding-top: 10px;
}
.nav > li >ul>li> a {
    display: block;
    padding: 10px 15px;
    position: relative;
}
.nav > li >ul{
	padding:0
}
.navbar-collapse ul li a span{
	 color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 35px;
    width: 100%;
	}
	
[class^="icon-"]:before, [class*=" icon-"]:before{
	margin-left: 0 !important;
}
#content-wrapper{
	background: none repeat scroll 0 0 #e7ebee;
    min-height: 1000px;
    height:auto;
    margin-left: 230px;
     padding: 15px 15px 35px;
    position: relative;
    margin-bottom: 6px;
}
.navbar-collapse ul li a i{
	 color: #ffffff;
	 font-size: 18px;
	  float: left;
	}
#header1 a:hover,#phanhoi:hover,#config:hover,#profile:hover,#logout:hover,#menu1:hover{
	  background-color: #005486  !important;
}
.profilesub1:hover{
	 background-color: #005486  !important;
}
#header1 a{
	float:left;
	padding: 6px;
}
#header2{
	float:right;
}
#header2 ul li{
    list-style: outside none none;
}
#search{
	float:left;
	padding: 6px 12px;
}
.dropdown12{
	 left: 0 !important;
    min-width: 133px !important;
}
#nav-col{
	 background: none repeat scroll 0 0 #2c3e50;
    padding: 0;
    position: absolute;
    width: 230px;
    left:0
}
.dropdown12 a{
	color: #707070 !important;
    font-size: 14px !important;
    padding-left: 12px !important;
}
#user-left-box img{
	 border-radius: 93px;
    height: 75px;
    width: 75px;
    float:left
}
#user-left-box{
	    padding: 18px 10px;
}
.user-box{
	float:left;
	 padding-left: 31px;
}
.name{
	 color: #ffffff;
    display: block;
    font-size: 19px;
    font-weight: bold;
}
.status{
	color: #ffffff;
    font-size: 12px;
}
.navbar-collapses1{
	padding:0 !important;
}
#search1 div.navbar-form{
	padding: 0;
}
.badges1{
	background-color:#E74C3C !important
}
.selectpickers{
	border: medium none;
    border-radius: 5px;
    padding: 8px 26px;
}
.status .fa-circle{
	color: #2ecc71;
    font-size: 14px;
    padding-top: 5px;
}
.dropdown12 a i{
	padding-right: 11px;
}
#logout{
	float:left;
	padding: 6px 12px;
}
.breadcrumbsg ol{
	background-color:#e7ebee
}
#phanhoi{
	float:left;
	padding: 6px 12px;
}
#config{
	float:left;
	padding: 6px 12px;
}
#header2 ul li a{
	 color: #ffffff;
    font-size: 18px;
    position: relative;
}
#profile{
	float:left
}
#profile img{
	border-radius: 82px;
    height: 39px;
    width: 39px
}
#footer-bar {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    font-size: 0.8em;
    height: 36px;
    line-height: 36px;
    margin-left: -15px !important;
    margin-right: -15px !important;
    position: absolute;
    width: 100%;
}
#footer-copyright {
    margin: 0;
    text-align: center;
}
.green-bg{
	 background: linear-gradient(to bottom, #2ecc71 0%, #27ae60 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.profilesub1{
	background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
}
.pull1{
	height: 66px !important;
}
@media(min-width:992px){
	.widget{
	   display: table-row;
}
}
@media(max-width:991px){
	

}
@media(max-width:445px){
	#logo img {
    height: 23px;
    width: 88px;
}
#logo {
    float: left;
    padding: 14px 0 9px 9px;
}
}
@media(max-width:767px){
	#menu1{
	   color: #ffffff;
    float: left;
    font-size: 21px;  
    padding: 5px;
	}
	div#content-wrapper{
	margin-left:0 !important;
}
	#page-wrapper,#header1{
	   display: none;
}
	.collapse,#page-wrapper{
	   display: inline-block;
}
.container{
	padding:0 !important;
}
#nav-col{
	position: relative !important;
    width: 100% !important;
}
.navbar-collapse ul li a span{
	display:inline !important;
}
#header2 ul{
	 padding-left: 0 !important;
}

#user-left-box{
	display:none !important;
}
	#menu1 button{
	  margin: 0 !important;
	}
	#phanhoi,#config{
	  display:none;
	}
}

/* video */
.action ul li i.fa-pencil{
	 background-color: #3498db;
    border-radius: 5px;
    color: #ffffff;
    margin-right: 8px;
    padding: 8px;
}
.action ul li a{
	font-size: 12px;
}
.action ul li i.fa-trash-o{
	 background-color: #e74c3c;
    border-radius: 5px;
    color: #ffffff;
    margin-right: 8px;
    padding: 8px;
}
.Status{
	margin-left: 26px;
	 cursor: pointer;
}
.Status i.fa-toggle-on{
	color: #2ecc71;
    font-size: 25px;
}
.Status i.fa-toggle-off{
	color: red;
    font-size: 25px;
}
.navbar-collapse ul li a span label.badge{
	float: right;
}
#addsp{
	  float: right;
}
.panel-heading h1 {
   color: #3498db !important;
    display: block;
    float: left;
    font-size: 24px !important;
    margin: 0 !important;
    width: 200px; 
}
.panel-heading1{
	 overflow: hidden;
}
#search1{
	 background-color: #f5f5f5;
    clear: both;
    float: right;
     width: 335px;
     padding:12px 0 0;
     margin:0
}
.pagination1 {
    padding-right: 15px;
    text-align: right;
}
#search1 > li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
     padding-left: 5px;
}
.search3{
	float:left
}
.navbar-form{
	margin:0 !important
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	 width: 159px !important;
}
.navbar-form .form-control{
	  width: 258px !important;
}
